﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="mfTravelRouteInfo.aspx.cs" Inherits="msBsc.WebUi.mMall.Public.mfTravelRouteInfo" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>手机地接客商城</title>
    <%=getMeta()%>
    <link rel="stylesheet" type="text/css" href="/themes/mStyle1/mGlobal.css" charset="gbk" />
    <link href="/themes/mStyle1/css/public/mTravelIndex.css" rel="stylesheet" charset="gbk" />
    <link rel="stylesheet" type="text/css" href="/themes/mStyle1/css/home/base.css" charset="gbk" />
    <%=getBodyBeforeJs()%>
    <%--<script src="/??jqPlugin/js/jquery-1.8.3.min.js,js/jBase.js,js/jmPage.js,themes/Style1/jsQt.js,jqPlugin/js/laytpl.js,themes/wStyle1/js/comm/VerifyJs.js"
        type="text/javascript"></script>--%>
    <script type="text/javascript" src="/jqPlugin/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="/jqPlugin/js/jBase.js"></script>
    <script type="text/javascript" src="/jqPlugin/js/jmPage.js"></script>
    <script type="text/javascript" src="/themes/Style1/jsQt.js"></script>
    <script type="text/javascript" src="/jqPlugin/js/laytpl.js"></script>
    <script type="text/javascript" src="/themes/wStyle1/js/comm/VerifyJs.js"></script>
    <script type="text/javascript">
        $(window).load(function () {
        });
        //        $(window).bind('resize', function () { _self._ResizeHandler(_self); })
        //        .bind('scroll', function () { _self._ResizeHandler(_self); });
    </script>
    <!--head fix rgn-->
    <style type="text/css">
        #h_title {
            font-size: 18px !important;
        }

        .classicList li img {
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
        }
        .classicList li .classicInfo {
            text-align:center;
        }
    </style>
    <base target="_self" />
</head>
<body>
    <input type="hidden" id="routeId" />
    <div class="viewport">
        <%=msBsc.WebUi.Code.QtHtmlGet.GetWapHeaderMenuHtml(true) %>
        <form action='#' method="post" id="J_EmailForm">
            <div id="contentInfo" class="contentInfo">
                <p class="p15" style="text-indent: 24.1pt; text-align: center;">
                    <span style="color: #333333; font-size: 12pt; font-family: 宋体;">挂甲峪山庄</span>
                    <span style="color: #333333; font-size: 12pt; font-family: 宋体;"></span>
                </p>
                <p class="p15" style="text-indent: 24.1pt; text-align: center;">
                    <span style="color: #333333; font-size: 12pt; font-family: 宋体;">
                        <br>
                    </span>
                </p>
                <p class="p15" style="text-indent: 24.1pt; text-align: center;">
                    <span style="color: #333333; font-size: 12pt; font-family: 宋体;">
                        <img alt="" src="http://www.dijieke.com/UpLoad/attached/image/20150126/20150126155926_2703.jpg">
                        <br>
                    </span>
                </p>
                <p class="p15" style="text-indent: 24.1pt; text-align: center;">
                    <span style="color: #333333; font-size: 12pt; font-family: 宋体;">
                        <br>
                    </span>
                </p>
                <p class="p15" style="text-indent: 24.1pt;">
                    <span style="color: #333333; font-size: 12pt; font-family: 宋体;">挂甲峪山庄位于京东挂甲峪上。京东挂甲峪是平谷北部山区，属燕山南麓余脉的一部分，它北、东、南三面环山，中间为一狭小的丘陵盆地，面积约5平方公里。挂甲峪村146户，460口人，历史文化悠久，相传成村于明崇祯年间，因宋代名将杨延昭抗辽凯旋在此挂甲休息，后人便取村名为挂甲峪。</span>
                    <span style="color: #333333; font-size: 12pt; font-family: 宋体;"></span>
                </p>
            </div>

            <div class="c_page">
                <h2 style="text-align: center; font-size: 16px; font-family: 微软雅黑; font-weight: bold; color: #333; margin: 25px 0px;">地接客推荐</h2>
                <div>
                    <ul class="classicList" id="travel_list">
                        <li>
                            <div class="classicC"><a href="/mp_TravelScenicInfo.htm?scenicId={{d.rows[i].SCENIC_ID}}">
                                <img title="{{d.rows[i].SCENIC_NAME}}" src="/UpLoad/scenic/{{d.rows[i].SCENIC_DEFAULT_PIC}} 240x198img.jpg" /><div class="classicInfo" data-value="{{d.rows[i].SCENIC_ID}}">{{d.rows[i].SCENIC_NAME}}</div>
                            </a></div>
                        </li>
                         <li>
                            <div class="classicC"><a href="/mp_TravelScenicInfo.htm?scenicId={{d.rows[i].SCENIC_ID}}">
                                <img title="{{d.rows[i].SCENIC_NAME}}" src="/UpLoad/scenic/{{d.rows[i].SCENIC_DEFAULT_PIC}} 240x198img.jpg" /><div class="classicInfo" data-value="{{d.rows[i].SCENIC_ID}}">{{d.rows[i].SCENIC_NAME}}</div>
                            </a></div>
                        </li>
                         <li>
                            <div class="classicC"><a href="/mp_TravelScenicInfo.htm?scenicId={{d.rows[i].SCENIC_ID}}">
                                <img title="{{d.rows[i].SCENIC_NAME}}" src="/UpLoad/scenic/{{d.rows[i].SCENIC_DEFAULT_PIC}} 240x198img.jpg" /><div class="classicInfo" data-value="{{d.rows[i].SCENIC_ID}}">{{d.rows[i].SCENIC_NAME}}</div>
                            </a></div>
                        </li>
                    </ul>
                </div>
            </div>
              <xmp id="svc_list_temp" style="display: none;">
            {{#for(var i=0,len=d.rows.length;i < len;i++){ }}
                   <li>
                            <div class="classicC"><a href="/mp_DjackVehicle.htm?djackId={{d.rows[i].CUSTOMER_REGISTER_ID}}">
                                <img title="{{d.rows[i].CUSTOMER_NICK}}" src="{{d.rows[i].CUSTOMER_DEFAULT_PIC}} 170x170img.jpg" /><div class="classicInfo">{{d.rows[i].CUSTOMER_NICK}}</div>
                            </a></div>
                        </li>
               <%-- <li>
                    <div class="routeImg">
                        <a href="/wp_DjackVehicle.htm?djackId={{d.rows[i].CUSTOMER_REGISTER_ID}}">
                            <img title="{{d.rows[i].CUSTOMER_NICK}}" src="{{d.rows[i].CUSTOMER_DEFAULT_PIC}} 170x170img.jpg" />
                        </a>
                    </div>
                    <div class="routeName"><a href="/wp_DjackVehicle.htm?djackId={{d.rows[i].CUSTOMER_REGISTER_ID}}">{{d.rows[i].CUSTOMER_NICK}}</a></div>
                </li>--%>
            {{#} }}
        </xmp>
            <%=msBsc.WebUi.Code.QtHtmlGet.GetWapMenuHtml() %>
        </form>
        <script type="text/javascript">
            (function () {
                $.getMessageCount();
                $("#routeId").val(GetQueryStr("routeId"));
            })()
            function btnDo(sEbtn) {
                GtGrid1Action = sEbtn;
                var opart = GetGtParam();
                ajaxComm(opart);
            };
            //执行AJAX调用时获取参数
            function GetGtParam() {
                var _jsParam = new jsonRow();
                //_jsParam = addNoAreStatistics(_jsParam, "资讯美食详情", "m0009");
                _jsParam.AddCell("routeId", $("#routeId").val());
                _jsParam.AddCell("ACTION", GtGrid1Action);
                return _jsParam;
            };
            btnDo("init");

            function setRouteInfo(data) {
                $("#contentInfo").html("");
                if (IsNull(data)) {
                    $("#h_title").text("路线");
                    return;
                }
                $("#h_title").text(data.rows[0].provinceName + "-" + data.rows[0].areaName + "-路线");
                doBoundContent(data.rows[0].ROUTE_INTRODUCTION);
                var _html = $('#svc_list_temp').html();
                //$("#scenicList").html("");
                laytpl(_html).render(data.rows[0], function (render) {
                    $("#travel_list").html(render);
                });
               
            }

            function doBoundContent(_shopurl) {
                if (_shopurl != null && _shopurl != undefined && _shopurl != '') {
                    jQuery.loadHtml(_shopurl).done(function (_rethtml) {
                        var tpl = HtmlUtil.htmlDecode(_rethtml);
                        $("#contentInfo").html(tpl);
                        $("#contentInfo").find("img").parents("p").css("text-indent", "0px");
                    });
                }
            };
        </script>
    </div>
</body>
<%=getBodyAfterJs() %>
</html>
